<template>
	<view class="page">
		<navbar backIconName="arrow-left" title="检查事项详情" :titleStyle="titleStyle"></navbar>
		<scroll-view class="scroll-view_H" scroll-y="true">
			<view :style="{height:statusHeight+'px'}"></view>

			<view class="inCompany-task" style="padding-top: 20rpx;" v-for="(item,index) in subDataLists" :key="index">
				<view class="task-item">
					<view class="left">
						<view class="top">
							<text style="font-size: 28rpx;color: #1169DB;font-weight: bold;">
								{{ (index+1) +'.子事项信息'}}</text>
						</view>
						<u-line></u-line>
						<view class="top" style="padding-top: 20rpx;">
							<text class="label-content">事项名称</text>
							<text style="flex: 1; font-size: 28rpx;color: #666666;">{{item.itemName || '-'}}</text>
						</view>
						<u-line></u-line>
						<view class="top" style="padding-top: 20rpx;">
							<text class="label-content">子项名称</text>
							<text style="flex: 1; font-size: 28rpx;color: #666666;">{{item.name || '-'}}</text>
						</view>
						<u-line></u-line>
						<view class="top" style="padding-top: 20rpx;">
							<text class="label-content">入企类型</text>
							<text
								style="flex: 1; font-size: 28rpx;color: #666666;">{{item.lawEnforcementType || '-'}}</text>
						</view>
						<u-line></u-line>
						<view class="top" style="padding-top: 20rpx;">
							<text class="label-content">实施依据</text>
							<text
								style="flex: 1; font-size: 28rpx;color: #666666;">{{item.implementationBasis || '-'}}</text>
						</view>
						<u-line></u-line>
						<view class="top" style="padding-top: 20rpx;">
							<text class="label-content">行使层级</text>
							<text style="flex: 1; font-size: 28rpx;color: #666666;">{{item.performLevel || '-'}}</text>
						</view>
						<u-line></u-line>
						<view class="top" style="padding-top: 20rpx;">
							<text class="label-content">部门名称</text>
							<text
								style="flex: 1; font-size: 28rpx;color: #666666;">{{item.departmentName || '-'}}</text>
						</view>


					</view>

				</view>

			</view>


		</scroll-view>


	</view>
</template>

<script>
	import {
		getSubItem,
	} from '@/api/pagesMall'
	let App = getApp();
	import store from '@/store'
	export default {
		components: {},
		data() {
			return {
				statusHeight: 44 + App.globalData.statusBarHeight,
				titleStyle: {
					color: "#ffffff",
					fontWeight: "bold",
					fontSize: "18px"
				},
				subDataLists: [],
				mattersObj: null,
			};
		},
		onLoad(options) {
			this.subDataLists = JSON.parse(options.itemSubLists)
			console.log(options, '+++++++++++++++++++++++++')
			this.getDetails()
		},
		methods: {
			getDetails() {
				// getSubItem(this.subId).then(res => {
				// 	console.log(res)
				// 	this.mattersObj = res.data

				// });
			}
		}
	};
</script>

<style lang="scss" scoped>
	.scroll-view_H {
		width: 100%;
		height: 100%;

		.inCompany-task {
			display: flex;
			flex-direction: column;
			padding: 20rpx;


			.task-item {
				display: flex;
				align-items: center;
				padding: 20rpx 30rpx;
				background-color: #fff;
				border-radius: 12rpx;
				box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);

				.left {
					width: 100%;
					display: flex;
					flex-direction: column;

					.top {
						display: flex;
						padding-bottom: 20rpx;

						.label-content {
							width: 90px;
							font-size: 28rpx;
							color: #323232;
							font-weight: bold;
						}
					}
				}
			}
		}



	}
</style>